<template>
  <div>
    <Personinfo style="height: 50px;"></Personinfo>
    <Logox></Logox>
    <menux></menux>
    <el-main>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/zhaoping' }">招聘信息</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/zhaoping' }">机关招聘</el-breadcrumb-item>
      </el-breadcrumb>
      <el-row :gutter="20">
        <el-col :span="16">
      <el-card class="box-card" style="margin-top: 10px;height: 100%">
        <div slot="header">
          <span>{{ zhaoPingInfo.title }}</span>
          <el-button style="height: 30px;float: right;
                                    padding: 3px 10px;
                                    width: 100px;
                                    background-color: #f0ffff">投递</el-button>
          <el-button style="float: right; padding: 3px 0;margin-right: 35px" type="text" class="fa fa-star-o mySort">收藏</el-button>
        </div>
        <el-row :gutter="20">
          <el-col :span="6">有效日期至: {{ zhaoPingInfo.endDate}}</el-col>
          <el-col :span="6">浏览： {{ zhaoPingInfo.readCount}} 次</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">月薪: {{ zhaoPingInfo.monthSalary}}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">经验:  {{ zhaoPingInfo.exp}}</el-col>
          <el-col :span="6">最低学历:  {{ zhaoPingInfo.edu}}</el-col>
          <el-col :span="6">性质: {{ zhaoPingInfo.nature}}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">招聘:  {{ zhaoPingInfo.recruits}}</el-col>
          <el-col :span="6">年龄: {{ zhaoPingInfo.age}}</el-col>
          <el-col :span="6">到岗: {{ zhaoPingInfo.arrivalTime}}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">城市: {{ zhaoPingInfo.cityAddr}}</el-col>
        </el-row>
        <el-row :gutter="20">
           <el-col>发布时间：{{zhaoPingInfo.pubDate}}</el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 40px">
          <el-col><strong>职位描述</strong></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col v-html='zhaoPingInfo.jobContext'></el-col>
        </el-row>
      </el-card>

        </el-col>
        <el-col :span="4">
          <el-card class="box-card" style="margin-top: 10px;width: 392px">
            <el-row>
              <el-col style="width: 60%"><el-link>{{ enterprise.name}}</el-link></el-col>
              <el-col style="width: 20%"><el-image
                  style="width: 120px; height: 50px"
                  :src="url"
                  ></el-image></el-col>
            </el-row>
            <el-row>
              <el-col>{{ enterprise.enterpriseType}}</el-col>
            </el-row>
            <el-row>
              <el-col>{{ enterprise.enterpriseScale}}</el-col>
            </el-row>
            <el-row>
              <el-col>{{ enterprise.industry}}</el-col>
            </el-row>
            <el-row>
              <el-col>{{ enterprise.address}}</el-col>
            </el-row>
          </el-card>


          <el-divider>该公司其他职位</el-divider>

          <el-card class="box-card" style="margin-top: 10px;width: 392px">
            <el-row>
              <el-col><el-link>管理培训生（应届中专以上学历）</el-link></el-col>
            </el-row>
            <el-row>
              <el-col><div style="float: right;color: red">2000-4000</div></el-col>
            </el-row>
            <el-row>
              <el-col>不限</el-col>
            </el-row>
            <el-row>
              <el-col>生物/制药/医疗/护理</el-col>
            </el-row>
          </el-card>


          <el-card class="box-card" style="margin-top: 10px;width: 392px">
            <el-row>
              <el-col><el-link>管理培训生（应届中专以上学历）</el-link></el-col>
            </el-row>
            <el-row>
              <el-col><div style="float: right;color: red">2000-4000</div></el-col>
            </el-row>
            <el-row>
              <el-col>不限</el-col>
            </el-row>
            <el-row>
              <el-col>生物/制药/医疗/护理</el-col>
            </el-row>
          </el-card>



          <el-divider>相似职位</el-divider>

          <el-card class="box-card" style="margin-top: 10px;width: 392px">
            <el-row>
              <el-col><el-link>管理培训生（应届中专以上学历）</el-link></el-col>
            </el-row>
            <el-row>
              <el-col><div style="float: right;color: red">2000-4000</div></el-col>
            </el-row>
            <el-row>
              <el-col>不限</el-col>
            </el-row>
            <el-row>
              <el-col>生物/制药/医疗/护理</el-col>
            </el-row>
          </el-card>

        </el-col>
      </el-row>

    </el-main>
    <el-footer>
      <el-divider style="width: 100%"></el-divider>
      <el-row :gutter="20">
        <el-col :span="8" :offset="8">
          <footerx></footerx>
        </el-col>
      </el-row>
    </el-footer>
  </div>
</template>

<script>
import footerx from "../footerx";
import menux from '../menux'
import Logox from '../Logox'
import Personinfo from "../Personinfo";
import {NewList,NewDetail} from "./../../api/news";
export default {
  name: "ZhaoPingDetail",
  components: {menux,Logox,footerx,Personinfo},
  data (){
    return {
      url:'static/com/10.png',
      searchInput: "",
      zhaoPingInfo:{
        title:"少儿编程老师",
        endDate:"2021-09-08",
        readCount:28,
        monthSalary:'不限',
        exp:'不限',
        edu:'大专',
        nature:'兼职',
        recruits:'3-4人',
        age:'45岁以下',
        arrivalTime:'1周以内',
        cityAddr:'四川-成都-温江区',
        jobContext:'负责教授少儿编程课程<br/>' +
            '<br/>' +
            '岗位职责：<br/>' +
            '1、课程教学；负责乐高及少儿编程课的教学工作；<br/>' +
            '2、辅助工作；积极完成上级交办的和同事要求协力的其他工作。<br/>' +
            '职位要求：<br/>' +
            '1、学历要求大专及本科院校在读生或毕业生，有教学工作经验者优先；<br/>' +
            '2、有一定物理、电子、计算机、化学、教育学等相关知识，机器人制作爱好者均可；<br/>' +
            '福利待遇：<br/>' +
            '兼职：150/天<br/>' +
            '<br/>' +
            '联系电话：18982130369张老师',
        pubDate:'2021-08-12'
      },
      enterprise:{
        name:'成都市温江区艾博特文化艺术培训学校',
        enterpriseType:'股份制企业',
        enterpriseScale:'10-50人',
        industry:'咨询/法律/教育/科研',
        address:'文庙街1号4楼'
      },
      jobs:[
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
      ],
      similarJobs:[
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
        {jobName:'乐高老师、编程老师',salary:'4000-6000',exp:'不限',edu:'不限',industry:'咨询/法律/教育/科研'},
      ]

    }
  },
  mounted() {
    let id = this.$route.path.split("/")[2];
    // NewDetail.r({id:id}).then(d=>{
    //   this.article = d.data.data;
    // })
  }
}
</script>

<style scoped>
.el-main{
  margin:0 auto;
  background: azure;
  width: 1200px;
}
/deep/.el-divider--horizontal{
  width: 390px;
}
footer > /deep/.el-divider--horizontal{
  width: 100%;
}
</style>